// JavaScript Document

$(function() {
	
	$.ajaxSetup({
		error: function(xhr,err) 
		{		
			$('<div id="dialog-error"></div>').html('<p>Ops! Ocorreu um Erro: <br><br>' + xhr.responseText + '</p><br>')
							  .dialog({
								  close: function(event , ui) {
									  $(this).remove();
								  },
								  title: "Error: " + err,
								  width: 340
							  });
		}
	});
	
	
	$('.formCadastro').validationEngine(); // Plugin de validação de formulário 
	
	// AÇÃO o botão "Adicionar Pré-respostas"
	$('#addPreResps').live({
		
		click: function() 
		{
			$divPreResps = $('<div id="preResps"></div>');
			
			$.ajax({
				url: '/pesquisacampo/manip_dados/jsonGeral.php',
				data: { tabelaPrincipal: 'preResposta', jsonObjName: 'preResp' },
				type: "POST",
				dataType: "json",
				timeout: 300000, // 5 minutos
				cache: false,
				success: function( data ) {
					
					html = '';
					
					if (data.preResp.length > 0)
					{
						preResps = data.preResp;
						pos = 0;
						html +=	'Escolha a categoria:<br/>';
						
						while (pos < preResps.length)
						{
							categ_base  = preResps[pos].codCategPreResp;
						
							html +=	'<div id="categPreResp_'+ preResps[pos].codCategPreResp +'" >' + 
										'<label class="categPreResp">' +
											'<input type="radio" name="categPreResp" value="'+ 
										     preResps[pos].codCategPreResp + '" />' +
											 preResps[pos].categPreResp +
										'</label>';
							
							while ( (pos < preResps.length) && (categ_base == preResps[pos].codCategPreResp) )
							{
								codCateg   = preResps[pos].codCategPreResp;
								codPreResp = preResps[pos].codPreResp;
								preResp    = preResps[pos].preResp;
								preResp    = preResp == "" ? "(Informada pelo usuário)" : preResp;
								
								html +=	'<label class="preResp">' + 
											'<input type="checkbox" name=categ_"'+ codCateg+ '" value="'+ codPreResp +'" />' + 
											preResp +
										'</label>';
								pos++;
							}
							
							html += '</div>';
							
							if ( pos < preResps.length )
							{
								categ_base  = preResps[pos].codCategPreResp;
							}
							
						}
						html += '</br></br><input type="button" id="btCadPreResp" value="Cadastrar" />'; 

					}
					
					if (html != "")
					{
						$dialog = $('<div id="dialogPreResps">'+ html +'</div>');
						
						$dialog.find('label.categPreResp').css({
							display: 'block',
							fontWeight: 'bold',
							padding: '15px 0 10px 0'
							
						});
						
						$dialog.find('label.preResp').css({
							display: 'none',
							padding: '0 0 3px 18px'
							
						});
						
						$dialog.dialog({ 
							modal: true, 
							position: 'top',
							title: 'Pré-respostas',
							width: 650,
							buttons: 
									[
										{
											text: "Confirmar",
											click: function() 
											{
												addPreResps( $(this) );
											}
										},
										{
											text: "Cancelar",
											click: function() 
											{ 
												$(this).dialog("close");
											}
										}
									]
						})
						.css({
							padding: "25px"
						});
						
					}
					
				}
				
			});
			
		}
	});
	
	$('#btCadPreResp').live('click', function() {
		
		$dialog = $(this).closest('div');
		
		// carregando a página de cadastro de Pré-respostas  na dialog
		$.post("/pesquisacampo/adm/preResposta_cad.php", function(data) {
			
			$dialog.html(data);
			$dialog.dialog( "option", "title", "Cadastrar pré-respostas");
			
			new_button = {
							text: "Cadastrar",
							click: function() { cadPreResps(); }
						 };
						 
			// alterando a ação do "Confirmar"
			var buttons = $dialog.dialog( "option", "buttons" );			 
			// primeiro button corresponde ao "Confirmar":
			buttons[0] = new_button;
			
			$dialog.dialog( "option", "buttons", buttons );
						
			
	 	});
	 
	});
	
	
	$('#dialogPreResps').find('label.categPreResp').live({
		change: function() {
			
			$('label.preResp').css('display', 'none');
			$(this).siblings('label.preResp').css('display', 'block');
		}
	});
	
	/* Cadastra novas pré-respostas
	 */
	function cadPreResps()
	{
		alert('aki');
	}
	
	function addPreResps( $dialog ) 
	{
		var itensPreResps    = '';
		var codPreResps = '';
		
		$container = $dialog.find('input:radio:checked').closest('div');
		
		$container.find('input:checkbox:checked').each(function() {
			itensPreResps += '<li>' + $.trim( $(this).parent().text() ) + '</li>';
			codPreResps   += $.trim( $(this).val() ) + ';';
		});
		
		$('.formCadastro').find('input[name="codsPreResps"]').val(codPreResps);
		$('.formCadastro').find('ul#itens_preResp').html(itensPreResps);
		
		$dialog.dialog('close');
	}
	
})